<div>
    <div class="indbody pro-style">
        <div class="nb recom-box">
            <div class="pro-view" id="ym-item">
                <div class="pview-left">
                    <div class="ovclear">
                        <div class="slide-fish">
                            <div class="t2">
                                <a href="javascript:void(0);"
                                   id="bigimg" class="MagicZoom MagicThumb">
                                    <img v-bind:src="productDetailInfo.product.coverPhoto"
                                         id="main_img" class="main_img" style="width:410px;height: 410px;">
                                </a>
                            </div>
                            <div class="small-scroll">
                                <a class="prev" href="javascript:void(0);"></a>
                                <a class="next" href="javascript:void(0);"></a>
                                <div class="bd">
                                    <ul class="smallImg" id="imglist">
                                        <li class="on">
                                            <a rel="bigimg" v-bind:rev="productDetailInfo.product.coverPhoto">
                                                <img v-bind:src="productDetailInfo.product.coverPhoto">
                                            </a>
                                        </li>
                                        <!--                                        <li class="on"-->
                                        <!--                                            v-for="(item, index) in productDetailInfo.product.carouselFigurePhotos">-->
                                        <!--                                            <a rel="bigimg" v-bind:rev="item">-->
                                        <!--                                                <img v-bind:src="item">-->
                                        <!--                                            </a>-->
                                        <!--                                        </li>-->
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="fish-detail">
                            <h3>{{productDetailInfo.product.prodName}}</h3>
                            <p></p>
                            <div class="price">
                                <div>市场价：<s>￥{{productDetailInfo.product.otPrice}}</s></div>
                                <div>价格：<span class="redbold">￥<b id="ym-price">{{productDetailInfo.product.price}}</b></span>
                                </div>
                            </div>
                            <div class="deliver">
                                <div>配送：
                                    <span>
                                        <b>平台发货</b>
                                    </span>
                                </div>
                            </div>
                            <div class="spec" id="goods-spec">
                                <div>规格：
                                    <li v-for="(item, index) in productDetailInfo.product.productSpecValues">
                                        {{item.specValue}}
                                        <span>
                                        <b v-if="item.stock > 0">有货</b>
                                        <b v-else>无货</b>
                                    </span>
                                    </li>
                                </div>
                            </div>
                            <div class="pro-number">
                                <a class="reduce" href="javascript:void(0);"
                                   v-on:click="minusProd()">-</a>
                                <input type="text" v-model="goodsNum" id="goods_num" class="result" data-max="99"
                                       value="1" maxlength="10">
                                <a class="add" href="javascript:void(0);"
                                   v-on:click="addProd()">+</a>
                            </div>
                            <div class="cart-buy">
                                <a href="javascript:void(0);"
                                                     v-on:click="_buyNow(productDetailInfo.product)"
                                                     class="buy-btn">立即购买</a>
                                <a href="javascript:void(0);" v-on:click="_addToCart(productDetailInfo.product)"
                                   class="cart-btn">加入购物车</a>
                                <a href="javascript:void(0);" v-on:click="_helpBtn()"
                                   class="help-btn">咨询</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pview-right">
                    <h2>相关推荐</h2>
                    <div class="slider-protj">
                        <div class="bd">
                            <ul>
                                <li v-for="(item, index) in productLabelList">
                                    <a :href="'page.html#/pages/plateform/productDetail?productId=' + item.productId" target="_blank"><img v-bind:src="item.coverPhoto" alt=""/></a>
                                    <p><a :href="'page.html#/pages/plateform/productDetail?productId=' + item.productId" target="_blank">{{item.prodName}}</a><span>￥{{item.price}}</span></p>
                                </li>
                            </ul>
                        </div>
                        <div class="hd">
                            <a href="javascript:void(0);" class="prev"></a>
                            <a href="javascript:void(0);" class="next"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pro-tab">
                <div class="slide-detail">
                    <div class="hdd">
                        <ul>
                            <li class="good-detail on">商品详情</li>
                            <li class="good-evalate">客户评价（<em>{{ productAppraiseInfo.length }}</em>）</li>
                        </ul>
                    </div>
                    <div class="bdd">
                        <div class="box1">
                            <div class="box1detail">
                                <div class="attr">
                                    <ul></ul>
                                    <div class="clear"></div>
                                </div>
                                <br>
                                <p style="text-align: center">
                                    <span v-html="productDetailInfo.product.content"></span>
                                </p>
                                <p><br></p></div>
                            <div class="evalute">
                                <h3 class="title">商品评价</h3>

                                <div class="tab-gbw">
                                    <div class="bd">
                                        <div class="evalute-detail" id="all">
                                            <ul>
                                                <li style="text-align: center;" v-if="productAppraiseInfo == ''" >暂无评价~</li>
                                                <li v-for="(item, index) in productAppraiseInfo" :key="index" class="appraise-item">
                                                    <div>
                                                        <span class="user-name">{{ item.appraiseUserName }}  {{ item.createTime }}</span>
                                                        <text class="time"></text>
                                                    </div>
                                                    <p>{{ item.context }}</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="otherbox">
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" id="goods_id" value="211">
    <input type="hidden" id="user_discount" value="">
</div>
